POPCAT

功能:
  • 完成一個有標題、數字、圖片的 POPCAT 畫面
  • 標題:POPCAT
  • 數字:初始值為 0
  • 圖片:初始圖片為 Oatmeal 闔嘴的圖片
  • 沒有行動時,呈現 Oatmeal 闔嘴的照片
  • 點擊 Oatmeal 時,數字會累加
  • 點擊 Oatmeal 時,圖片會變換
    成果

popcat-Mi

補筆記

  • 圖片為背景
  • title 數字 popcat 置中
  • 音檔

#popcat #mouseevent #mouseup event #mousedown event #audio element #audio







Related Posts

[ Nuxt.js 2.x 系列文章 ] VueX Store 搭配 vuex-persistedstate 狀態保存工具

[ Nuxt.js 2.x 系列文章 ] VueX Store 搭配 vuex-persistedstate 狀態保存工具

簡易部署 AWS EC2 遠端主機 + Ubuntu LAMP 環境 + phpmyadmin +FileZilla上傳檔案 +遇到問題

簡易部署 AWS EC2 遠端主機 + Ubuntu LAMP 環境 + phpmyadmin +FileZilla上傳檔案 +遇到問題

Day 16 - 了解 JavaScript Module

Day 16 - 了解 JavaScript Module


Comments